import React from 'react'
import TableClass from './TableClass';
import TableInfo from './TableInfo';

export default function Table(props) {
    return (
        <>
            <div className='tr'>
                <div className='td'>{props.title ?? 'name'}</div>
                <div className='td'>{props.title2 ?? 'price'}</div>
            </div>
            {props.list.map((item,index) => (
                <TableClass category={item.category} key={index}>
                    <TableInfo list={item.list}></TableInfo>
                </TableClass>
            ))}
        </>
    )
}
